$(function () {
	// 点击返回
	$('.icon-fanhui').click(function () {
		location.href = '../index.html'
	})

	// 渲染页面
	//@1获取数据
	let query = location.search;
	$.get('http://localhost:8888/api/article' + query, function (data) {
		console.log(data);
		render(data)
	})

	function render(data) {
		let { author, img, title, content } = data;
		$('.top h1').html(title)
		$('.top img').attr('img', img)
		$('.title span').html(author)
		let str = '';
		content.forEach((item) => {
			if (item.type == 'text') {
				str += `<p>${item.text}</p>`

			} else {
				str += `
				<p class="conimg">
				<img src=${item.img}>
				<span>${item.des}</span>
				</p>`
			}
		})
		$('.con').html(str)
	}

	// 显示遮罩层
	$('.footer i:not(.icon-fanhui)').click(function () {
		$('.mask').show()
	})

	$('.mask').click(function () {
		$('.mask').hide()
	})
})